/*
Theme Name: 索普2019自适应主题
Author: 索普科技
Author URI: http://www.sp88.cn.com/
Description: 这是我们专门为客户定制版
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* reset */

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
	color: #333;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
/* 要注意表单元素并不继承父级 font 的问题 */

body, button, input, select, textarea {
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	font: 14px/1.5  "Microsoft Yahei", "PingFang HK",Helvetica, Arial, sans-serif;
	color: #1e1e1e;letter-spacing: 0.25px;
}
input, select, textarea {
	font-size: 100%;
}
/* 去掉各 table cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align */
th {
	text-align: inherit;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}
i {
	font-style: normal;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ line-height: 1.5;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
	list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
	text-align: left;
}
/* 解决ie下重复最后字符 */
q:before, q:after {
	content: '';
}
/* 统一上标和下标 */
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
a, .y-lnk-highlight, .y-lnk, .y-lnk-gray, .y-lnk-highlight {
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
}
a, a:link, a:visited {
	color: #1e1e1e; text-decoration: none;
}
a:hover{ color: #0062B2}
/*topbar*/

.input-group .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-group .form-control {
    padding-left: 2.375rem;
}

.form-group .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
/*main menu*/
.nav li:hover>.dropdown-menu {
  display: block;

}

/*back top*/
#toTop{position:fixed;right:20px;bottom:20px;z-index:999;display:none;padding:10px 0 0 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#0062B2;text-align:center;font-size:3.125rem;opacity:.6;cursor:pointer;filter:alpha(opacity=40);}
#toTop:hover{opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;filter:alpha(opacity=100);-ms-transition:all .3s}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
}

#sidebar.active {
    left: 0;
}



.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0; left: 0;top: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: .5rem 2rem;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li.active>a{color: #fff; background: #d7000f}
#sidebar ul li.active .dropdown-menu li.active a{ background: none;color:#0062B2;}
.suopu-all-wrapper{    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0; overflow: hidden;}
#sidebar{ background: #fff}
#sidebar li{ border-bottom: 1px solid #ddd}
#sidebar .dropdown-menu{ position: static; display: block; border: 0; background:none; padding: 0; min-width:inherit}
#sidebar li .dropdown-menu li{ border-bottom: 0}





/*sp-homebanner*/
.sp-homebanner {position: relative;}
.sp-homebanner .main-banner-wrap, .sp-homebanner #sp-banner2018 ,.sp-homebanner .main-pro .main-wrap,.sp-homebanner .main-pro .main-wrap .container ,.sp-homebanner .main-pro .main-wrap .container .row,.sp-homebanner .main-pro-img ,.sp-slider .container , .sp-slider .container .row  {
    height: 100%;
}
.sp-homebanner .slick-dotted.slick-slider{ margin-bottom: 0}
.sp-homebanner .slick-prev{ left: 15px; z-index: 9}
.sp-homebanner .slick-next{ right: 15px;}
#sp-slider .slick-dotted.slick-slider {margin-bottom: 0px;}
.sp-homebanner .slick-dots li button:before{ font-size: 18px; color: #ddd; opacity:.8}
.sp-homebanner .slick-dots li.slick-active button:before{ color: #F80003; opacity: 1}
.sp-homebanner .slick-dots { bottom: 10px; padding: 0;transform:none}
.sp-slider {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
	height: 600px;

}
.sp-homebanner .slick-prev:before,.sp-homebanner .slick-next:before{ font-size: 50px;}
.sp-homebanner .slick-prev,.sp-homebanner .slick-next{ width: 50px; height: 50px;}
@media (min-width: 1220px){
.container {max-width: 1200px;}
}
img{ max-width: 100%}
.post-thumbnail{ transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; overflow: hidden;}
.post-thumbnail:hover img,.new-list-info .item:hover .post-thumbnail img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    cursor: pointer;
}
.vc_row{ margin: 0 auto!important;}
.wpb_content_element{ margin-bottom: 0!important}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner{ padding-top: 0!important}
.vc_col-sm-12{ float: none!important}
.slick-next, .slick-prev{ margin-top: 0!important}
.sopu-breadcrumb{ background: #f6f6f6; padding: 30px 0}
.main-wrapper{ padding: 1.75rem 0}
#sp-banner2019 .silder-item{ opacity: 0}
#sp-banner2019 .silder-item:first-child{ opacity: 1}
.new-list-right h3.post-title{ font-size:1rem; font-weight: bold; line-height: 1.75rem; height: 1.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0}
.new-list-right .the-post-excerpt{ color: #898989; line-height: 1.5rem;}
.page-next-pre{ padding: 1rem 0; width: 100%}
.pagination{ display: block!important; text-align: right!important}
.pagination li{ display: inline-block; margin: 0 0.35714286em 0 0; border: 1px solid #ddd; background: #fff;}
.pagination li a{ display: block;color: #8a8a8a;padding: 8px 15px;}
.pagination li.active{padding: 8px 15px;}
.pagination li.active,.pagination li:hover{background: #f6f6f6;border: 1px solid #1e1e1e;color: #1e1e1e;}
.pagination li:hover a{color: #1e1e1e;}
.new-list-info article:first-child .item{ padding-top: 0}
.screen-reader-text{ display: none;}
.suopu-prev-next{ padding: 1rem 0; margin-top: 1.5rem}
.suopu-prev-next .meta-nav{ display: block;text-transform: uppercase;}
.meta-nav{ font-weight: bold; color: #000}
.post-navigation .nav-links .post-title { display: block; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 50%; float: left;}
.post-navigation .nav-links .nav-previous{ padding-right: 15px;}
.post-navigation .nav-links .nav-previous .meta-nav:before{ content: "\f104";font-family: "Font Awesome 5 Pro"; margin-right: 5px;}
.post-navigation .nav-links .nav-next{ text-align: right; padding-left: 15px;}
.post-navigation .nav-links .nav-next .meta-nav:after{content: "\f105";font-family: "Font Awesome 5 Pro";  margin-left: 5px}
.post-navigation .nav-links a{color: #8a8a8a;}
.post-navigation .nav-links:after {
 content: ".";
 display: block;
 height: 0px;
 font-size:0px;
 clear: both;
 visibility: hidden;
}
.left-column-nav h2.title{ font-size: 1.3rem; background: #0062B2; color: #fff; padding: 0.5rem 1rem;}
.left-column-nav .menu li a { display: block;background: #f0f4f4; margin-top: 5px;padding: 0 1rem; font-size: 1rem; line-height: 45px;}
.left-column-nav .menu li a:after{content: "\f105";font-family: "Font Awesome 5 Pro"; font-size: 22px; float: right}
.left-column-nav .menu li a:hover{ background: #c6ba52; color: #fff}
.left-column-nav .menu li.current-menu-item a,.left-column-nav .menu li.current-menu-parent a{ color: #bfb346}
.left-column-nav .menu li.current-menu-item:hover a,.left-column-nav .menu li.current-menu-parent:hover a{ color: #fff}
.left-contact{ background: #f0f4f4; margin-top: 1.25rem}
.left-contact .contact-img img{ width: 100%}
.left-contact .contact-btn{ padding:1rem 2rem 0.5rem 2rem;}
.left-contact .contact-btn a{ background: #d41010; color: #fff; display: block; line-height: 2.5rem; font-size: 1rem}
.left-contact .contact-btn a:hover{ opacity: .8}
.left-contact .contact-txt{ color: #1f395e; font-size: 1rem; font-weight: bold;}
.left-contact .contact-tel{ color: #1f395e; font-size: 1.3rem; padding-bottom: 1rem}
.suopu-navbar{ background: #d41010; line-height: 2rem; font-size: 1rem;}
.suopu-navbar a{ display:inline-block}
.suopu-navbar li.active a{ background: none; color: #0062B2}
.suopu-navbar .nav-pills .nav-link{ border-radius: 0; font-weight: bold; position: relative}
.suopu-navbar .nav-pills .nav-link:after {
    content: "";
    height: 2px;
    position: absolute;
    top: 40px;
    display: block;
    background: #0062B2;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.suopu-navbar .nav-pills li:hover .nav-link:after{opacity: 1;filter: alpha(opacity=1);visibility:visible}
.single-post .item-content-inner p{ color: #5f5f5f;line-height: 1.8;}
.sp-mbheader-wrapper{background: #fff;}
.sp-mbheader-wrapper .btn-info{ background: none; border: 0; color: #fff}
.sub-section{ padding-top: 3rem; padding-bottom: 3rem}
.sub-container{ padding-left: 0; padding-right: 0}
.full-img.wpb_single_image .vc_figure,.full-img.wpb_single_image .vc_single_image-wrapper{ display: block;}
.full-img.wpb_single_image .vc_single_image-wrapper img{ width: 100%}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{ font-size:14px!important;}

.sp-header-wrapper{ position: relative;
	  width: 100%;
	   background: #fff}
.header-fix{position: fixed;top: 0;box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -ms-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    -o-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);z-index: 9999;}

    /**Mega Menu **/
.navbar .container {
    position: relative;
}
.navbar-nav, .navbar .collapse, .navbar-nav li {
  position: static;
}
.menu-item-has-children, .menu-item-has-children .dropdown-menu {
  left: auto;
}
.menu-item-has-children .dropdown-menu {
  width: auto !important;
}
/* Make dropdown visible on hover */
@media (min-width: 767px) {
  .dropdown > .dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto;
    z-index: 1000;
    float: none;
    min-width: 10rem;
    padding: 1rem;
    list-style: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    margin-top: 10px !important;
    display: block;
    visibility:hidden;
    min-width: 150px;
    transition: all  0.2s ease-in-out;
  }
  .dropdown:hover > .dropdown-menu {
    visibility:visible;
    display: block;
    opacity: 1;
    margin-top: 5px !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    transition: all  0.2s ease-in-out;
  }
    .mega-menu-parent.dropdown .dropdown-menu {
    position: absolute;
    left:  0;
  }
}